<template>
    <div style="background-color:red;">
        这是组件1
        <button @click="sendValue">传值给组件2</button>
    </div>
</template>

<script>
// 默认导入 export default
// import bus from './bus'

// 默认导入的时候的，变量的名字可以任意定义，比如上面的bus可以随意定义

// 如果是按需导入，它的名字必须和导出时候的一致
import {name,bus} from './bus'

export default {
    created(){
        console.log(name)
        console.log(bus)
    },
    methods:{
        sendValue(){
            // console.log(bus)
            // console.log("我要传值")
            // 使用公共的bus传值
            bus.$emit('event1',{name:'小明',age:25})
        }
    }
}
</script>
